<script setup>
import Header from '@/components/header.vue'
import Foot from '@/components/foot.vue'
import {reactive} from 'vue'
//非响应式(只能在控制台变化)
const propsWeb= {
  user:10,
  //url:"www.dtc.com"
}

//响应式编程(页面随时变)
const propsWec= reactive(
  {
  user:10,
  url:"www.dtc.com"
  }
)

const useradd = () =>{
  propsWec.user++
  console.log(propsWec.user)
}

</script>

<template>
  <Header propsName="哈哈" propsurl="www.dftc.com"/><br>

  OK! <br>
  <button @click="useradd">父组件控制子组件</button><br>
  <hr style="height:1px;border:none;border-top:1px solid black;" />
  <Foot v-bind="propsWec" /><br>


</template>
